<!DOCTYPE html>
<html class="default">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="IE=edge" />
    <title>RealtimeClient | @supabase/supabase-js</title>
    <meta name="description" content="Documentation for @supabase/supabase-js" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="../assets/style.css" />
    <link rel="stylesheet" href="../assets/highlight.css" />
    <script async src="../assets/search.js" id="search-script"></script>
  </head>
  <body>
    <script>
      document.body.classList.add(localStorage.getItem('tsd-theme') || 'os')
    </script>
    <header>
      <div class="tsd-page-toolbar">
        <div class="container">
          <div class="table-wrap">
            <div class="table-cell" id="tsd-search" data-base="..">
              <div class="field">
                <label for="tsd-search-field" class="tsd-widget search no-caption">Search</label
                ><input type="text" id="tsd-search-field" />
              </div>
              <ul class="results">
                <li class="state loading">Preparing search index...</li>
                <li class="state failure">The search index is not available</li>
              </ul>
              <a href="../index.html" class="title">@supabase/supabase-js</a>
            </div>
            <div class="table-cell" id="tsd-widgets">
              <div id="tsd-filter">
                <a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
                <div class="tsd-filter-group">
                  <div class="tsd-select" id="tsd-filter-visibility">
                    <span class="tsd-select-label">All</span>
                    <ul class="tsd-select-list">
                      <li data-value="public">Public</li>
                      <li data-value="protected">Public/Protected</li>
                      <li data-value="private" class="selected">All</li>
                    </ul>
                  </div>
                  <input type="checkbox" id="tsd-filter-inherited" checked /><label
                    class="tsd-widget"
                    for="tsd-filter-inherited"
                    >Inherited</label
                  ><input type="checkbox" id="tsd-filter-externals" checked /><label
                    class="tsd-widget"
                    for="tsd-filter-externals"
                    >Externals</label
                  >
                </div>
              </div>
              <a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
            </div>
          </div>
        </div>
      </div>
      <div class="tsd-page-title">
        <div class="container">
          <ul class="tsd-breadcrumb">
            <li><a href="../modules.html">@supabase/supabase-js</a></li>
            <li><a href="../modules/index.html">index</a></li>
            <li><a href="index.RealtimeClient.html">RealtimeClient</a></li>
          </ul>
          <h1>Class RealtimeClient</h1>
        </div>
      </div>
    </header>
    <div class="container container-main">
      <div class="row">
        <div class="col-8 col-content">
          <section class="tsd-panel tsd-hierarchy">
            <h3>Hierarchy</h3>
            <ul class="tsd-hierarchy">
              <li><span class="target">RealtimeClient</span></li>
            </ul>
          </section>
          <section class="tsd-panel-group tsd-index-group">
            <h2>Index</h2>
            <section class="tsd-panel tsd-index-panel">
              <div class="tsd-index-content">
                <section class="tsd-index-section tsd-is-external">
                  <h3>Constructors</h3>
                  <ul class="tsd-index-list">
                    <li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#constructor" class="tsd-kind-icon"
                        >constructor</a
                      >
                    </li>
                  </ul>
                </section>
                <section class="tsd-index-section tsd-is-external">
                  <h3>Properties</h3>
                  <ul class="tsd-index-list">
                    <li
                      class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
                    >
                      <a href="index.RealtimeClient.html#_appendParams" class="tsd-kind-icon"
                        >_append<wbr />Params</a
                      >
                    </li>
                    <li
                      class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
                    >
                      <a href="index.RealtimeClient.html#_flushSendBuffer" class="tsd-kind-icon"
                        >_flush<wbr />Send<wbr />Buffer</a
                      >
                    </li>
                    <li
                      class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
                    >
                      <a href="index.RealtimeClient.html#_onConnClose" class="tsd-kind-icon"
                        >_on<wbr />Conn<wbr />Close</a
                      >
                    </li>
                    <li
                      class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
                    >
                      <a href="index.RealtimeClient.html#_onConnError" class="tsd-kind-icon"
                        >_on<wbr />Conn<wbr />Error</a
                      >
                    </li>
                    <li
                      class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
                    >
                      <a href="index.RealtimeClient.html#_onConnOpen" class="tsd-kind-icon"
                        >_on<wbr />Conn<wbr />Open</a
                      >
                    </li>
                    <li
                      class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
                    >
                      <a href="index.RealtimeClient.html#_sendHeartbeat" class="tsd-kind-icon"
                        >_send<wbr />Heartbeat</a
                      >
                    </li>
                    <li
                      class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
                    >
                      <a href="index.RealtimeClient.html#_triggerChanError" class="tsd-kind-icon"
                        >_trigger<wbr />Chan<wbr />Error</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#accessToken" class="tsd-kind-icon"
                        >access<wbr />Token</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#channels" class="tsd-kind-icon"
                        >channels</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#conn" class="tsd-kind-icon">conn</a>
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#decode" class="tsd-kind-icon">decode</a>
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#encode" class="tsd-kind-icon">encode</a>
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#endPoint" class="tsd-kind-icon"
                        >end<wbr />Point</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#headers" class="tsd-kind-icon">headers</a>
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#heartbeatIntervalMs" class="tsd-kind-icon"
                        >heartbeat<wbr />Interval<wbr />Ms</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#heartbeatTimer" class="tsd-kind-icon"
                        >heartbeat<wbr />Timer</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#logger" class="tsd-kind-icon">logger</a>
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#longpollerTimeout" class="tsd-kind-icon"
                        >longpoller<wbr />Timeout</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#params" class="tsd-kind-icon">params</a>
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#pendingHeartbeatRef" class="tsd-kind-icon"
                        >pending<wbr />Heartbeat<wbr />Ref</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#reconnectAfterMs" class="tsd-kind-icon"
                        >reconnect<wbr />After<wbr />Ms</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#reconnectTimer" class="tsd-kind-icon"
                        >reconnect<wbr />Timer</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#ref" class="tsd-kind-icon">ref</a>
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#sendBuffer" class="tsd-kind-icon"
                        >send<wbr />Buffer</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#serializer" class="tsd-kind-icon"
                        >serializer</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#stateChangeCallbacks" class="tsd-kind-icon"
                        >state<wbr />Change<wbr />Callbacks</a
                      >
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#timeout" class="tsd-kind-icon">timeout</a>
                    </li>
                    <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#transport" class="tsd-kind-icon"
                        >transport</a
                      >
                    </li>
                  </ul>
                </section>
                <section class="tsd-index-section tsd-is-external">
                  <h3>Methods</h3>
                  <ul class="tsd-index-list">
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#channel" class="tsd-kind-icon">channel</a>
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#connect" class="tsd-kind-icon">connect</a>
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#connectionState" class="tsd-kind-icon"
                        >connection<wbr />State</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#disconnect" class="tsd-kind-icon"
                        >disconnect</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#endPointURL" class="tsd-kind-icon"
                        >end<wbr />PointURL</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#isConnected" class="tsd-kind-icon"
                        >is<wbr />Connected</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#leaveOpenTopic" class="tsd-kind-icon"
                        >leave<wbr />Open<wbr />Topic</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#log" class="tsd-kind-icon">log</a>
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#makeRef" class="tsd-kind-icon"
                        >make<wbr />Ref</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#onClose" class="tsd-kind-icon"
                        >on<wbr />Close</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#onConnMessage" class="tsd-kind-icon"
                        >on<wbr />Conn<wbr />Message</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#onError" class="tsd-kind-icon"
                        >on<wbr />Error</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#onMessage" class="tsd-kind-icon"
                        >on<wbr />Message</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#onOpen" class="tsd-kind-icon"
                        >on<wbr />Open</a
                      >
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#push" class="tsd-kind-icon">push</a>
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#remove" class="tsd-kind-icon">remove</a>
                    </li>
                    <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                      <a href="index.RealtimeClient.html#setAuth" class="tsd-kind-icon"
                        >set<wbr />Auth</a
                      >
                    </li>
                  </ul>
                </section>
              </div>
            </section>
          </section>
          <section class="tsd-panel-group tsd-member-group tsd-is-external">
            <h2>Constructors</h2>
            <section
              class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class tsd-is-external"
            >
              <a id="constructor" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                constructor<a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  new <wbr />Realtime<wbr />Client<span class="tsd-signature-symbol">(</span
                  >endPoint<span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">string</span>, options<span
                    class="tsd-signature-symbol"
                    >?: </span
                  ><a
                    href="../modules/index.html#RealtimeClientOptions"
                    class="tsd-signature-type"
                    data-tsd-kind="Type alias"
                    >RealtimeClientOptions</a
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><a
                    href="index.RealtimeClient.html"
                    class="tsd-signature-type"
                    data-tsd-kind="Class"
                    >RealtimeClient</a
                  >
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:77
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>Initializes the Socket.</p>
                    </div>
                  </div>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>endPoint: <span class="tsd-signature-type">string</span></h5>
                      <div class="tsd-comment tsd-typography">
                        <div class="lead">
                          <p>
                            The string WebSocket endpoint, ie, &quot;ws://example.com/socket&quot;,
                            &quot;wss://example.com&quot;, &quot;/socket&quot; (inherited host &amp;
                            protocol)
                          </p>
                        </div>
                      </div>
                    </li>
                    <li>
                      <h5>
                        <span class="tsd-flag ts-flagOptional">Optional</span> options:
                        <a
                          href="../modules/index.html#RealtimeClientOptions"
                          class="tsd-signature-type"
                          data-tsd-kind="Type alias"
                          >RealtimeClientOptions</a
                        >
                      </h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns
                    <a
                      href="index.RealtimeClient.html"
                      class="tsd-signature-type"
                      data-tsd-kind="Class"
                      >RealtimeClient</a
                    >
                  </h4>
                </li>
              </ul>
            </section>
          </section>
          <section class="tsd-panel-group tsd-member-group tsd-is-external">
            <h2>Properties</h2>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
            >
              <a id="_appendParams" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                <span class="tsd-flag ts-flagPrivate">Private</span> _append<wbr />Params<a
                  href="#_appendParams"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                _append<wbr />Params<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">any</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in
                    node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:180
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
            >
              <a id="_flushSendBuffer" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                <span class="tsd-flag ts-flagPrivate">Private</span>
                _flush<wbr />Send<wbr />Buffer<a
                  href="#_flushSendBuffer"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                _flush<wbr />Send<wbr />Buffer<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">any</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in
                    node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:181
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
            >
              <a id="_onConnClose" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                <span class="tsd-flag ts-flagPrivate">Private</span> _on<wbr />Conn<wbr />Close<a
                  href="#_onConnClose"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                _on<wbr />Conn<wbr />Close<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">any</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in
                    node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:177
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
            >
              <a id="_onConnError" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                <span class="tsd-flag ts-flagPrivate">Private</span> _on<wbr />Conn<wbr />Error<a
                  href="#_onConnError"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                _on<wbr />Conn<wbr />Error<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">any</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in
                    node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:178
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
            >
              <a id="_onConnOpen" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                <span class="tsd-flag ts-flagPrivate">Private</span> _on<wbr />Conn<wbr />Open<a
                  href="#_onConnOpen"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                _on<wbr />Conn<wbr />Open<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">any</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in
                    node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:176
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
            >
              <a id="_sendHeartbeat" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                <span class="tsd-flag ts-flagPrivate">Private</span> _send<wbr />Heartbeat<a
                  href="#_sendHeartbeat"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                _send<wbr />Heartbeat<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">any</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in
                    node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:182
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
            >
              <a id="_triggerChanError" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                <span class="tsd-flag ts-flagPrivate">Private</span>
                _trigger<wbr />Chan<wbr />Error<a
                  href="#_triggerChanError"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                _trigger<wbr />Chan<wbr />Error<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">any</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in
                    node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:179
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="accessToken" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                access<wbr />Token<a
                  href="#accessToken"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                access<wbr />Token<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">null</span
                ><span class="tsd-signature-symbol"> | </span
                ><span class="tsd-signature-type">string</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:32
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="channels" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                channels<a href="#channels" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                channels<span class="tsd-signature-symbol">:</span>
                <a
                  href="index.RealtimeSubscription.html"
                  class="tsd-signature-type"
                  data-tsd-kind="Class"
                  >RealtimeSubscription</a
                ><span class="tsd-signature-symbol">[]</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:33
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="conn" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                conn<a href="#conn" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                conn<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">null</span
                ><span class="tsd-signature-symbol"> | </span
                ><span class="tsd-signature-type">WebSocket</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:53
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="decode" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                decode<a href="#decode" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                decode<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">Function</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:51
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="encode" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                encode<a href="#encode" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                encode<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">Function</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:50
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="endPoint" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                end<wbr />Point<a href="#endPoint" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                end<wbr />Point<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">string</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:34
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="headers" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                <span class="tsd-flag ts-flagOptional">Optional</span> headers<a
                  href="#headers"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                headers<span class="tsd-signature-symbol">?:</span>
                <span class="tsd-signature-symbol">{}</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:35
                  </li>
                </ul>
              </aside>
              <div class="tsd-type-declaration">
                <h4>Type declaration</h4>
                <ul class="tsd-parameters">
                  <li class="tsd-parameter-index-signature">
                    <h5>
                      <span class="tsd-signature-symbol">[</span>key:
                      <span class="tsd-signature-type">string</span
                      ><span class="tsd-signature-symbol">]: </span
                      ><span class="tsd-signature-type">string</span>
                    </h5>
                  </li>
                </ul>
              </div>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="heartbeatIntervalMs" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                heartbeat<wbr />Interval<wbr />Ms<a
                  href="#heartbeatIntervalMs"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                heartbeat<wbr />Interval<wbr />Ms<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">number</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:43
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="heartbeatTimer" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                heartbeat<wbr />Timer<a
                  href="#heartbeatTimer"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                heartbeat<wbr />Timer<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">undefined</span
                ><span class="tsd-signature-symbol"> | </span
                ><span class="tsd-signature-type">Timer</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:45
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="logger" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                logger<a href="#logger" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                logger<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">Function</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:49
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="longpollerTimeout" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                longpoller<wbr />Timeout<a
                  href="#longpollerTimeout"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                longpoller<wbr />Timeout<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">number</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:44
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="params" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                <span class="tsd-flag ts-flagOptional">Optional</span> params<a
                  href="#params"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                params<span class="tsd-signature-symbol">?:</span>
                <span class="tsd-signature-symbol">{}</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:38
                  </li>
                </ul>
              </aside>
              <div class="tsd-type-declaration">
                <h4>Type declaration</h4>
                <ul class="tsd-parameters">
                  <li class="tsd-parameter-index-signature">
                    <h5>
                      <span class="tsd-signature-symbol">[</span>key:
                      <span class="tsd-signature-type">string</span
                      ><span class="tsd-signature-symbol">]: </span
                      ><span class="tsd-signature-type">string</span>
                    </h5>
                  </li>
                </ul>
              </div>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="pendingHeartbeatRef" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                pending<wbr />Heartbeat<wbr />Ref<a
                  href="#pendingHeartbeatRef"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                pending<wbr />Heartbeat<wbr />Ref<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">null</span
                ><span class="tsd-signature-symbol"> | </span
                ><span class="tsd-signature-type">string</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:46
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="reconnectAfterMs" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                reconnect<wbr />After<wbr />Ms<a
                  href="#reconnectAfterMs"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                reconnect<wbr />After<wbr />Ms<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">Function</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:52
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="reconnectTimer" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                reconnect<wbr />Timer<a
                  href="#reconnectTimer"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                reconnect<wbr />Timer<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">default</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:48
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="ref" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                ref<a href="#ref" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                ref<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">number</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:47
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="sendBuffer" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                send<wbr />Buffer<a
                  href="#sendBuffer"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                send<wbr />Buffer<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">Function</span
                ><span class="tsd-signature-symbol">[]</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:54
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="serializer" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                serializer<a href="#serializer" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                serializer<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">default</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:55
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="stateChangeCallbacks" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                state<wbr />Change<wbr />Callbacks<a
                  href="#stateChangeCallbacks"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                state<wbr />Change<wbr />Callbacks<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-symbol">{ </span>close<span class="tsd-signature-symbol"
                  >: </span
                ><span class="tsd-signature-type">Function</span
                ><span class="tsd-signature-symbol">[]</span
                ><span class="tsd-signature-symbol">; </span>error<span class="tsd-signature-symbol"
                  >: </span
                ><span class="tsd-signature-type">Function</span
                ><span class="tsd-signature-symbol">[]</span
                ><span class="tsd-signature-symbol">; </span>message<span
                  class="tsd-signature-symbol"
                  >: </span
                ><span class="tsd-signature-type">Function</span
                ><span class="tsd-signature-symbol">[]</span
                ><span class="tsd-signature-symbol">; </span>open<span class="tsd-signature-symbol"
                  >: </span
                ><span class="tsd-signature-type">Function</span
                ><span class="tsd-signature-symbol">[]</span
                ><span class="tsd-signature-symbol"> }</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:56
                  </li>
                </ul>
              </aside>
              <div class="tsd-type-declaration">
                <h4>Type declaration</h4>
                <ul class="tsd-parameters">
                  <li class="tsd-parameter">
                    <h5>
                      close<span class="tsd-signature-symbol">: </span
                      ><span class="tsd-signature-type">Function</span
                      ><span class="tsd-signature-symbol">[]</span>
                    </h5>
                  </li>
                  <li class="tsd-parameter">
                    <h5>
                      error<span class="tsd-signature-symbol">: </span
                      ><span class="tsd-signature-type">Function</span
                      ><span class="tsd-signature-symbol">[]</span>
                    </h5>
                  </li>
                  <li class="tsd-parameter">
                    <h5>
                      message<span class="tsd-signature-symbol">: </span
                      ><span class="tsd-signature-type">Function</span
                      ><span class="tsd-signature-symbol">[]</span>
                    </h5>
                  </li>
                  <li class="tsd-parameter">
                    <h5>
                      open<span class="tsd-signature-symbol">: </span
                      ><span class="tsd-signature-type">Function</span
                      ><span class="tsd-signature-symbol">[]</span>
                    </h5>
                  </li>
                </ul>
              </div>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="timeout" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                timeout<a href="#timeout" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                timeout<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">number</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:41
                  </li>
                </ul>
              </aside>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-external"
            >
              <a id="transport" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                transport<a href="#transport" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <div class="tsd-signature tsd-kind-icon">
                transport<span class="tsd-signature-symbol">:</span>
                <span class="tsd-signature-type">any</span>
              </div>
              <aside class="tsd-sources">
                <ul>
                  <li>
                    Defined in node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:42
                  </li>
                </ul>
              </aside>
            </section>
          </section>
          <section class="tsd-panel-group tsd-member-group tsd-is-external">
            <h2>Methods</h2>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="channel" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                channel<a href="#channel" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  channel<span class="tsd-signature-symbol">(</span>topic<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">string</span>, chanParams<span
                    class="tsd-signature-symbol"
                    >?: </span
                  ><span class="tsd-signature-type">ChannelParams</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><a
                    href="index.RealtimeSubscription.html"
                    class="tsd-signature-type"
                    data-tsd-kind="Class"
                    >RealtimeSubscription</a
                  >
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:148
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>topic: <span class="tsd-signature-type">string</span></h5>
                    </li>
                    <li>
                      <h5>
                        <span class="tsd-flag ts-flagOptional">Optional</span> chanParams:
                        <span class="tsd-signature-type">ChannelParams</span>
                      </h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns
                    <a
                      href="index.RealtimeSubscription.html"
                      class="tsd-signature-type"
                      data-tsd-kind="Class"
                      >RealtimeSubscription</a
                    >
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="connect" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                connect<a href="#connect" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  connect<span class="tsd-signature-symbol">(</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:81
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>Connects the socket, unless already connected.</p>
                    </div>
                  </div>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="connectionState" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                connection<wbr />State<a
                  href="#connectionState"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  connection<wbr />State<span class="tsd-signature-symbol">(</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">CONNECTION_STATE</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:137
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>Returns the current state of the socket.</p>
                    </div>
                  </div>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">CONNECTION_STATE</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="disconnect" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                disconnect<a href="#disconnect" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  disconnect<span class="tsd-signature-symbol">(</span>code<span
                    class="tsd-signature-symbol"
                    >?: </span
                  ><span class="tsd-signature-type">number</span>, reason<span
                    class="tsd-signature-symbol"
                    >?: </span
                  ><span class="tsd-signature-type">string</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">Promise</span
                  ><span class="tsd-signature-symbol">&lt;</span
                  ><span class="tsd-signature-symbol">{ </span>data<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">boolean</span
                  ><span class="tsd-signature-symbol">; </span>error<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">null</span
                  ><span class="tsd-signature-symbol"> | </span
                  ><span class="tsd-signature-type">Error</span
                  ><span class="tsd-signature-symbol"> }</span
                  ><span class="tsd-signature-symbol">&gt;</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:88
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>Disconnects the socket.</p>
                    </div>
                  </div>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>
                        <span class="tsd-flag ts-flagOptional">Optional</span> code:
                        <span class="tsd-signature-type">number</span>
                      </h5>
                      <div class="tsd-comment tsd-typography">
                        <div class="lead">
                          <p>A numeric status code to send on disconnect.</p>
                        </div>
                      </div>
                    </li>
                    <li>
                      <h5>
                        <span class="tsd-flag ts-flagOptional">Optional</span> reason:
                        <span class="tsd-signature-type">string</span>
                      </h5>
                      <div class="tsd-comment tsd-typography">
                        <div class="lead">
                          <p>A custom reason for the disconnect.</p>
                        </div>
                      </div>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">Promise</span
                    ><span class="tsd-signature-symbol">&lt;</span
                    ><span class="tsd-signature-symbol">{ </span>data<span
                      class="tsd-signature-symbol"
                      >: </span
                    ><span class="tsd-signature-type">boolean</span
                    ><span class="tsd-signature-symbol">; </span>error<span
                      class="tsd-signature-symbol"
                      >: </span
                    ><span class="tsd-signature-type">null</span
                    ><span class="tsd-signature-symbol"> | </span
                    ><span class="tsd-signature-type">Error</span
                    ><span class="tsd-signature-symbol"> }</span
                    ><span class="tsd-signature-symbol">&gt;</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="endPointURL" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                end<wbr />PointURL<a
                  href="#endPointURL"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  end<wbr />PointURL<span class="tsd-signature-symbol">(</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">string</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:161
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>Returns the URL of the websocket.</p>
                    </div>
                  </div>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">string</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="isConnected" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                is<wbr />Connected<a
                  href="#isConnected"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  is<wbr />Connected<span class="tsd-signature-symbol">(</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">boolean</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:141
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>Retuns <code>true</code> is the connection is open.</p>
                    </div>
                  </div>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">boolean</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="leaveOpenTopic" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                leave<wbr />Open<wbr />Topic<a
                  href="#leaveOpenTopic"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  leave<wbr />Open<wbr />Topic<span class="tsd-signature-symbol">(</span>topic<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">string</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:175
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>Unsubscribe from channels with the specified topic.</p>
                    </div>
                  </div>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>topic: <span class="tsd-signature-type">string</span></h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="log" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                log<a href="#log" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  log<span class="tsd-signature-symbol">(</span>kind<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">string</span>, msg<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">string</span>, data<span
                    class="tsd-signature-symbol"
                    >?: </span
                  ><span class="tsd-signature-type">any</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:97
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>Logs the message.</p>
                    </div>
                    <div>
                      <p>For customized logging, <code>this.logger</code> can be overriden.</p>
                    </div>
                  </div>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>kind: <span class="tsd-signature-type">string</span></h5>
                    </li>
                    <li>
                      <h5>msg: <span class="tsd-signature-type">string</span></h5>
                    </li>
                    <li>
                      <h5>
                        <span class="tsd-flag ts-flagOptional">Optional</span> data:
                        <span class="tsd-signature-type">any</span>
                      </h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="makeRef" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                make<wbr />Ref<a href="#makeRef" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  make<wbr />Ref<span class="tsd-signature-symbol">(</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">string</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:165
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>Return the next message ref, accounting for overflows</p>
                    </div>
                  </div>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">string</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="onClose" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                on<wbr />Close<a href="#onClose" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  on<wbr />Close<span class="tsd-signature-symbol">(</span>callback<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">Function</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:115
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>Registers a callback for connection state change events.</p>
                    </div>
                    <dl class="tsd-comment-tags">
                      <dt>example</dt>
                      <dd>
                        <p>socket.onOpen(() =&gt; console.log(&quot;Socket closed.&quot;))</p>
                      </dd>
                    </dl>
                  </div>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>callback: <span class="tsd-signature-type">Function</span></h5>
                      <div class="tsd-comment tsd-typography">
                        <div class="lead">
                          <p>A function to be called when the event occurs.</p>
                        </div>
                      </div>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="onConnMessage" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                on<wbr />Conn<wbr />Message<a
                  href="#onConnMessage"
                  aria-label="Permalink"
                  class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  on<wbr />Conn<wbr />Message<span class="tsd-signature-symbol">(</span
                  >rawMessage<span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-symbol">{ </span>data<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">any</span
                  ><span class="tsd-signature-symbol"> }</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:155
                      </li>
                    </ul>
                  </aside>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>
                        rawMessage: <span class="tsd-signature-symbol">{ </span>data<span
                          class="tsd-signature-symbol"
                          >: </span
                        ><span class="tsd-signature-type">any</span
                        ><span class="tsd-signature-symbol"> }</span>
                      </h5>
                      <ul class="tsd-parameters">
                        <li class="tsd-parameter">
                          <h5>
                            data<span class="tsd-signature-symbol">: </span
                            ><span class="tsd-signature-type">any</span>
                          </h5>
                        </li>
                      </ul>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="onError" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                on<wbr />Error<a href="#onError" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  on<wbr />Error<span class="tsd-signature-symbol">(</span>callback<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">Function</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:124
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>Registers a callback for connection state change events.</p>
                    </div>
                    <dl class="tsd-comment-tags">
                      <dt>example</dt>
                      <dd>
                        <p>
                          socket.onOpen((error) =&gt; console.log(&quot;An error occurred&quot;))
                        </p>
                      </dd>
                    </dl>
                  </div>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>callback: <span class="tsd-signature-type">Function</span></h5>
                      <div class="tsd-comment tsd-typography">
                        <div class="lead">
                          <p>A function to be called when the event occurs.</p>
                        </div>
                      </div>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="onMessage" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                on<wbr />Message<a href="#onMessage" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  on<wbr />Message<span class="tsd-signature-symbol">(</span>callback<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">Function</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:133
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>Calls a function any time a message is received.</p>
                    </div>
                    <dl class="tsd-comment-tags">
                      <dt>example</dt>
                      <dd><p>socket.onMessage((message) =&gt; console.log(message))</p></dd>
                    </dl>
                  </div>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>callback: <span class="tsd-signature-type">Function</span></h5>
                      <div class="tsd-comment tsd-typography">
                        <div class="lead">
                          <p>A function to be called when the event occurs.</p>
                        </div>
                      </div>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="onOpen" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                on<wbr />Open<a href="#onOpen" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  on<wbr />Open<span class="tsd-signature-symbol">(</span>callback<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">Function</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:106
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>Registers a callback for connection state change event.</p>
                    </div>
                    <dl class="tsd-comment-tags">
                      <dt>example</dt>
                      <dd>
                        <p>socket.onOpen(() =&gt; console.log(&quot;Socket opened.&quot;))</p>
                      </dd>
                    </dl>
                  </div>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>callback: <span class="tsd-signature-type">Function</span></h5>
                      <div class="tsd-comment tsd-typography">
                        <div class="lead">
                          <p>A function to be called when the event occurs.</p>
                        </div>
                      </div>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="push" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                push<a href="#push" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  push<span class="tsd-signature-symbol">(</span>data<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">Message</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:154
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>Push out a message if the socket is connected.</p>
                    </div>
                    <div>
                      <p>
                        If the socket is not connected, the message gets enqueued within a local
                        buffer, and sent out when a connection is next established.
                      </p>
                    </div>
                  </div>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>data: <span class="tsd-signature-type">Message</span></h5>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="remove" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                remove<a href="#remove" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  remove<span class="tsd-signature-symbol">(</span>channel<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><a
                    href="index.RealtimeSubscription.html"
                    class="tsd-signature-type"
                    data-tsd-kind="Class"
                    >RealtimeSubscription</a
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:147
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>Removes a subscription from the socket.</p>
                    </div>
                  </div>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>
                        channel:
                        <a
                          href="index.RealtimeSubscription.html"
                          class="tsd-signature-type"
                          data-tsd-kind="Class"
                          >RealtimeSubscription</a
                        >
                      </h5>
                      <div class="tsd-comment tsd-typography">
                        <div class="lead">
                          <p>An open subscription.</p>
                        </div>
                      </div>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
            <section
              class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-external"
            >
              <a id="setAuth" class="tsd-anchor"></a>
              <h3 class="tsd-anchor-link">
                set<wbr />Auth<a href="#setAuth" aria-label="Permalink" class="tsd-anchor-icon"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    class="icon icon-tabler icon-tabler-link"
                    viewBox="0 0 24 24"
                    stroke-width="2"
                    stroke="currentColor"
                    fill="none"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                  >
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path>
                    <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg
                ></a>
              </h3>
              <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-external">
                <li class="tsd-signature tsd-kind-icon">
                  set<wbr />Auth<span class="tsd-signature-symbol">(</span>token<span
                    class="tsd-signature-symbol"
                    >: </span
                  ><span class="tsd-signature-type">null</span
                  ><span class="tsd-signature-symbol"> | </span
                  ><span class="tsd-signature-type">string</span
                  ><span class="tsd-signature-symbol">)</span
                  ><span class="tsd-signature-symbol">: </span
                  ><span class="tsd-signature-type">void</span>
                </li>
              </ul>
              <ul class="tsd-descriptions">
                <li class="tsd-description">
                  <aside class="tsd-sources">
                    <ul>
                      <li>
                        Defined in
                        node_modules/@supabase/realtime-js/dist/module/RealtimeClient.d.ts:171
                      </li>
                    </ul>
                  </aside>
                  <div class="tsd-comment tsd-typography">
                    <div class="lead">
                      <p>
                        Sets the JWT access token used for channel subscription authorization and
                        Realtime RLS.
                      </p>
                    </div>
                  </div>
                  <h4 class="tsd-parameters-title">Parameters</h4>
                  <ul class="tsd-parameters">
                    <li>
                      <h5>
                        token: <span class="tsd-signature-type">null</span
                        ><span class="tsd-signature-symbol"> | </span
                        ><span class="tsd-signature-type">string</span>
                      </h5>
                      <div class="tsd-comment tsd-typography">
                        <div class="lead">
                          <p>A JWT string.</p>
                        </div>
                      </div>
                    </li>
                  </ul>
                  <h4 class="tsd-returns-title">
                    Returns <span class="tsd-signature-type">void</span>
                  </h4>
                </li>
              </ul>
            </section>
          </section>
        </div>
        <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
          <nav class="tsd-navigation primary">
            <ul>
              <li class=""><a href="../modules.html">Modules</a></li>
              <li class="current tsd-kind-module">
                <a href="../modules/index.html">index</a>
                <ul>
                  <li class="tsd-kind-namespace tsd-parent-kind-module tsd-is-external">
                    <a href="../modules/index.Transformers.html">Transformers</a>
                  </li>
                </ul>
              </li>
              <li class="tsd-kind-module">
                <a href="../modules/lib_SupabaseQueryBuilder.html"
                  >lib/<wbr />Supabase<wbr />Query<wbr />Builder</a
                >
              </li>
              <li class="tsd-kind-module">
                <a href="../modules/lib_SupabaseRealtimeClient.html"
                  >lib/<wbr />Supabase<wbr />Realtime<wbr />Client</a
                >
              </li>
              <li class="tsd-kind-module">
                <a href="../modules/lib_constants.html">lib/constants</a>
              </li>
              <li class="tsd-kind-module"><a href="../modules/lib_helpers.html">lib/helpers</a></li>
              <li class="tsd-kind-module"><a href="../modules/lib_types.html">lib/types</a></li>
              <li class="tsd-kind-module"><a href="../modules/lib_version.html">lib/version</a></li>
            </ul>
          </nav>
          <nav class="tsd-navigation secondary menu-sticky">
            <ul>
              <li class="current tsd-kind-class tsd-parent-kind-module tsd-is-external">
                <a href="index.RealtimeClient.html" class="tsd-kind-icon">Realtime<wbr />Client</a>
                <ul>
                  <li class="tsd-kind-constructor tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#constructor" class="tsd-kind-icon"
                      >constructor</a
                    >
                  </li>
                  <li
                    class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
                  >
                    <a href="index.RealtimeClient.html#_appendParams" class="tsd-kind-icon"
                      >_append<wbr />Params</a
                    >
                  </li>
                  <li
                    class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
                  >
                    <a href="index.RealtimeClient.html#_flushSendBuffer" class="tsd-kind-icon"
                      >_flush<wbr />Send<wbr />Buffer</a
                    >
                  </li>
                  <li
                    class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
                  >
                    <a href="index.RealtimeClient.html#_onConnClose" class="tsd-kind-icon"
                      >_on<wbr />Conn<wbr />Close</a
                    >
                  </li>
                  <li
                    class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
                  >
                    <a href="index.RealtimeClient.html#_onConnError" class="tsd-kind-icon"
                      >_on<wbr />Conn<wbr />Error</a
                    >
                  </li>
                  <li
                    class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
                  >
                    <a href="index.RealtimeClient.html#_onConnOpen" class="tsd-kind-icon"
                      >_on<wbr />Conn<wbr />Open</a
                    >
                  </li>
                  <li
                    class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
                  >
                    <a href="index.RealtimeClient.html#_sendHeartbeat" class="tsd-kind-icon"
                      >_send<wbr />Heartbeat</a
                    >
                  </li>
                  <li
                    class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"
                  >
                    <a href="index.RealtimeClient.html#_triggerChanError" class="tsd-kind-icon"
                      >_trigger<wbr />Chan<wbr />Error</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#accessToken" class="tsd-kind-icon"
                      >access<wbr />Token</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#channels" class="tsd-kind-icon">channels</a>
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#conn" class="tsd-kind-icon">conn</a>
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#decode" class="tsd-kind-icon">decode</a>
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#encode" class="tsd-kind-icon">encode</a>
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#endPoint" class="tsd-kind-icon"
                      >end<wbr />Point</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#headers" class="tsd-kind-icon">headers</a>
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#heartbeatIntervalMs" class="tsd-kind-icon"
                      >heartbeat<wbr />Interval<wbr />Ms</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#heartbeatTimer" class="tsd-kind-icon"
                      >heartbeat<wbr />Timer</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#logger" class="tsd-kind-icon">logger</a>
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#longpollerTimeout" class="tsd-kind-icon"
                      >longpoller<wbr />Timeout</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#params" class="tsd-kind-icon">params</a>
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#pendingHeartbeatRef" class="tsd-kind-icon"
                      >pending<wbr />Heartbeat<wbr />Ref</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#reconnectAfterMs" class="tsd-kind-icon"
                      >reconnect<wbr />After<wbr />Ms</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#reconnectTimer" class="tsd-kind-icon"
                      >reconnect<wbr />Timer</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#ref" class="tsd-kind-icon">ref</a>
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#sendBuffer" class="tsd-kind-icon"
                      >send<wbr />Buffer</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#serializer" class="tsd-kind-icon"
                      >serializer</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#stateChangeCallbacks" class="tsd-kind-icon"
                      >state<wbr />Change<wbr />Callbacks</a
                    >
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#timeout" class="tsd-kind-icon">timeout</a>
                  </li>
                  <li class="tsd-kind-property tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#transport" class="tsd-kind-icon"
                      >transport</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#channel" class="tsd-kind-icon">channel</a>
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#connect" class="tsd-kind-icon">connect</a>
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#connectionState" class="tsd-kind-icon"
                      >connection<wbr />State</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#disconnect" class="tsd-kind-icon"
                      >disconnect</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#endPointURL" class="tsd-kind-icon"
                      >end<wbr />PointURL</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#isConnected" class="tsd-kind-icon"
                      >is<wbr />Connected</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#leaveOpenTopic" class="tsd-kind-icon"
                      >leave<wbr />Open<wbr />Topic</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#log" class="tsd-kind-icon">log</a>
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#makeRef" class="tsd-kind-icon"
                      >make<wbr />Ref</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#onClose" class="tsd-kind-icon"
                      >on<wbr />Close</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#onConnMessage" class="tsd-kind-icon"
                      >on<wbr />Conn<wbr />Message</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#onError" class="tsd-kind-icon"
                      >on<wbr />Error</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#onMessage" class="tsd-kind-icon"
                      >on<wbr />Message</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#onOpen" class="tsd-kind-icon"
                      >on<wbr />Open</a
                    >
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#push" class="tsd-kind-icon">push</a>
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#remove" class="tsd-kind-icon">remove</a>
                  </li>
                  <li class="tsd-kind-method tsd-parent-kind-class tsd-is-external">
                    <a href="index.RealtimeClient.html#setAuth" class="tsd-kind-icon"
                      >set<wbr />Auth</a
                    >
                  </li>
                </ul>
              </li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
    <footer class="with-border-bottom">
      <div class="container">
        <h2>Legend</h2>
        <div class="tsd-legend-group">
          <ul class="tsd-legend">
            <li class="tsd-kind-variable"><span class="tsd-kind-icon">Variable</span></li>
            <li class="tsd-kind-function"><span class="tsd-kind-icon">Function</span></li>
            <li class="tsd-kind-type-alias"><span class="tsd-kind-icon">Type alias</span></li>
            <li class="tsd-kind-type-alias tsd-has-type-parameter">
              <span class="tsd-kind-icon">Type alias with type parameter</span>
            </li>
          </ul>
          <ul class="tsd-legend">
            <li class="tsd-kind-class"><span class="tsd-kind-icon">Class</span></li>
            <li class="tsd-kind-class tsd-has-type-parameter">
              <span class="tsd-kind-icon">Class with type parameter</span>
            </li>
          </ul>
          <ul class="tsd-legend">
            <li class="tsd-kind-interface"><span class="tsd-kind-icon">Interface</span></li>
          </ul>
        </div>
        <h2>Settings</h2>
        <p>
          Theme
          <select id="theme">
            <option value="os">OS</option>
            <option value="light">Light</option>
            <option value="dark">Dark</option>
          </select>
        </p>
      </div>
    </footer>
    <div class="container tsd-generator">
      <p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
    </div>
    <div class="overlay"></div>
    <script src="../assets/main.js"></script>
  </body>
</html>
